Package-level declarations
Types
The direction in which a StylishSpeedDial fans out its actions.
The scope in which each StylishSpeedDial action is composed.
The visual style of a StylishButton.
The visual style of a StylishCard (and the connected card family).
The visual role of a StylishChip.
The predefined size of a StylishFab.
Default values and factory methods for StylishOutlinedTextField.
Placement of a StylishTooltip relative to its anchor.
Functions
A circular avatar that shows a person's initials, an arbitrary image, or caller-supplied content.
A small notification badge that communicates a count or status at a glance. Intended for the badge slot of a navigation item (see StylishNavigationBar) and similar compact contexts such as icon buttons or tab bars.
A standalone Stylish button with the same visual language as the connected-button family — grouped-container colors, interactive elevation, a hairline outline, and a 52 dp minimum height — but without any connected-group geometry. Use this when a single button is needed outside a StylishConnectedButtonRow, StylishConnectedButtonColumn, or StylishConnectedButtonGrid.
A standalone card for presenting a single piece of grouped content. Supports tap and long-press interactions; long-press triggers haptic feedback. When neither onClick nor onLongClick is provided, the card renders flat (zero elevation) and ignores pointer input.
A checkbox for marking an independent option as selected or not, wrapping the Material 3 Checkbox so it can be themed consistently with the rest of Stylish UI. Use a checkbox when the selection is confirmed elsewhere (e.g. on form submit); for immediate on/off behaviour prefer StylishSwitch, and for mutually exclusive choices prefer StylishRadioButton.
A standalone Stylish chip with the same visual language as the connected-chip family — animated selection colors, Role.Tab semantics, interactive elevation, and a haptic pulse on tap — but without any connected-group geometry. Use this when a single chip is needed outside a StylishConnectedChipRow, StylishConnectedChipColumn, or StylishConnectedChipGrid.
A circular progress indicator styled with the Stylish theme. Wraps CircularProgressIndicator with theme-aware defaults for color, track color, and stroke cap.
A monospaced inline code display — the web "Code" pattern from Chakra UI and Ant Design.
A connected card that shares edges and corner radii with adjacent cards, forming a visually continuous group. Supports tap and long-press interactions; long-press triggers haptic feedback. When neither onClick nor onLongClick is provided, the card renders flat (zero elevation) and ignores pointer input.
A vertical StylishSpacer using StylishTheme.dimensions.contentSpacing (16 dp) — the medium Rhythm step, for distinct content blocks within a section.
A modal dialog container that enters with a combined scale-and-fade animation. Wraps content in a full-width Card inside a platform Dialog whose properties default to DialogProperties(usePlatformDefaultWidth = false), so the surface stretches to the available width minus horizontalPadding.
A horizontal row of dots indicating the current page in a paged container (e.g. a pager). The active dot uses activeSize and activeColor; inactive dots use inactiveSize and inactiveColor. Size changes are animated so the active dot smoothly grows or shrinks as the page changes.
The optional visual marker placed on top of a bottom sheet to indicate that it may be dragged, wrapping the Material 3 BottomSheetDefaults.DragHandle with the theme's default look.
A dropdown menu that shows a list of choices on a temporary surface, wrapping the Material 3 DropdownMenu with Stylish defaults.
A single selectable row inside a StylishDropdownMenu, wrapping the Material 3 DropdownMenuItem.
The menu of a StylishExposedDropdownMenuBox, wrapping the Material 3 ExposedDropdownMenuDefaults.ExposedDropdownMenu.
A box that anchors an exposed dropdown menu to a text field, wrapping the Material 3 ExposedDropdownMenuBox.
A pill-shaped floating action button that pairs an icon with a text label, floating above content with tonal and shadow elevation. Renders a horizontal Row of icon + label inside a RoundedCornerShape surface with a hairline outline border.
A circular floating action button that floats above content with tonal and shadow elevation (floatingElevation, 2 dp). Renders a single icon inside a CircleShape surface with a hairline outline border.
A filled icon button with a primary-container background, wrapping the Material 3 FilledIconButton with the theme's default colors.
A filled icon toggle button with a primary-container background, wrapping the Material 3 FilledIconToggleButton with the theme's default colors.
A filled text field designed for form input, with built-in label, placeholder, and error-message support. Wraps Material's TextField (the filled variant) with the same layout contract as StylishFormTextField, which is the outlined counterpart.
A filled tonal icon button with a secondary-container background, wrapping the Material 3 FilledTonalIconButton with the theme's default colors.
A filled tonal icon toggle button with a secondary-container background, wrapping the Material 3 FilledTonalIconToggleButton with the theme's default colors.
An outlined text field designed for form input, with built-in label, placeholder, and error-message support. Wraps Material's OutlinedTextField inside a Column and fills the available width.
A horizontal rule styled with the Stylish hairline outline. Wraps HorizontalDivider with StylishTheme.dimensions.outlineWidth as the default thickness and MaterialTheme.colorScheme.outlineVariant as the default color, keeping dividers visually consistent with connected outlines.
A horizontal spacing element that inserts a fixed-width gap between siblings, backed by the Stylish Rhythm spacing scale. Use it for one-off horizontal gaps; for the standard smallest step (icon-to-label), prefer StylishInlineSpacer.
A circular icon button rendered on an outlined surface with a subtle shadow. Supports an active state that inverts the color scheme to primary/onPrimary, suitable for toggle-style controls.
A standard icon toggle button that switches between a checked and an unchecked state, wrapping the Material 3 IconToggleButton with the theme's default colors.
A horizontal StylishSpacer using StylishTheme.dimensions.inlineSpacing (4 dp) — the smallest Rhythm step, for icon-to-label gaps.
A vertical StylishSpacer using StylishTheme.dimensions.itemSpacing (8 dp) — the small Rhythm step, for items within a group.
A keyboard-key indicator (kbd) showing a single shortcut label, in the style of shadcn/ui and Chakra UI's Kbd component.
A linear progress indicator styled with the Stylish theme. Wraps LinearProgressIndicator with theme-aware defaults.
A numeric stepper input combining a text field with minus/plus buttons, for choosing an integer within range.
An outlined icon button with a hairline border, wrapping the Material 3 OutlinedIconButton with the theme's default colors.
An outlined icon toggle button with a hairline border, wrapping the Material 3 OutlinedIconToggleButton with the theme's default colors.
An outlined text field with Stylish styling, designed for form input with built-in label, placeholder, and supporting text support. Wraps Material's OutlinedTextField with Stylish theme integration.
A radio button for selecting exactly one option from a group, wrapping the Material 3 RadioButton so it can be themed consistently with the rest of Stylish UI. Use radio buttons for mutually exclusive choices; for immediate on/off behaviour prefer StylishSwitch, and for independent yes/no marks prefer StylishCheckbox.
A range slider for selecting both endpoints of a value range, wrapping the Material 3 RangeSlider with Stylish defaults.
A star rating selector for choosing a value from 1 to max stars.
A pill-shaped icon button rendered on a wide rounded-rectangle surface. Behaves like StylishIconButton but uses a horizontally elongated shape, making it a good fit for toolbars or action rows where a wider tap target is desirable.
A vertical StylishSpacer using StylishTheme.dimensions.sectionSpacing (32 dp) — the large Rhythm step, for top-level page sections.
A section heading label rendered in the primary color. Provides consistent typography and vertical rhythm for group headers within lists, forms, and detail screens. The text is announced as a heading by accessibility services.
A secure single-line text field for password-like input, wrapping the Material 3 SecureTextField with the theme's defaults.
A slider for selecting a single value from a continuous or stepped range, wrapping the Material 3 Slider with Stylish defaults.
A vertical spacing element that inserts a fixed-height gap between siblings, backed by the Stylish Rhythm spacing scale. Use the convenience factories (StylishItemSpacer, StylishContentSpacer, StylishSectionSpacer) for the standard vertical steps, or pass a custom spacing for one-off gaps. For horizontal gaps, use StylishHorizontalSpacer or StylishInlineSpacer.
A floating action button that expands a fan of actions around itself when tapped, mirroring Material UI's SpeedDial.
A toggle switch for turning a single option on or off, wrapping the Material 3 Switch so it can be themed consistently with the rest of Stylish UI. Use a switch when the change takes effect immediately (e.g. enabling a setting); for mutually exclusive choices prefer StylishRadioButton, and for independent yes/no marks prefer StylishCheckbox.
A tooltip that shows contextual information when the anchor is hovered or focused — the Material Design 3 tooltip counterpart.
A tri-state checkbox for expressing partial selection, wrapping the Material 3 TriStateCheckbox so it can be themed consistently with the rest of Stylish UI.
A vertical rule styled with the Stylish hairline outline. Wraps VerticalDivider with StylishTheme.dimensions.outlineWidth as the default thickness and MaterialTheme.colorScheme.outlineVariant as the default color.
A visually hidden element that remains accessible to screen readers — the web "Visually Hidden" pattern from Chakra UI.